<template>
    <div>
        <div v-if="roomList.length === 0">暂无数据</div>
        <RoomItem v-for="item in roomList" :room="item" :key="item.roomid">
        </RoomItem>
    </div>
</template>
<script lang="ts">
import { Options, Vue } from 'vue-class-component';
import { RoomDataItem } from '../services/cloud';
import RoomItem from './RoomItem.vue';

@Options({
  components: {
    RoomItem
  },
  props: {
    roomList: [] as RoomDataItem[]
  }
})
export default class HelloWorld extends Vue {
    roomList!: RoomDataItem[]
}
</script>

<style></style>
